URL='http://localhost:8601/';
var table = layui.table;
var form = layui.form;
var token= localStorage.getExpire("token");
$(function () {
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
            ,type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#test2' //指定元素
            ,type: 'datetime'
        });
    });

    table.render({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        elem: '#demo',
        page: true,
        url: URL+'LogC/getLogPage',
        method: 'post',
        done: function (res, curr, count) {
            $("table").css("width", "100%");
        },
        cols: [[
            {field: 'id', title: '编号', width: 40,align: 'center'}
            , {field: 'createTime', title: '操作时间', width: 150,align: 'center'}
            , {field: 'userId', title: '操作用户ID',width: 60,align: 'center'}
            , {field: 'userName', title: '操作用户', width: 100,sort: true,align: 'center'}
            , {field: 'operationType', title: '操作类型', width: 100, sort: true,align: 'center'}
            , {field: 'method', title: '操作方法', width: 200,align: 'center'}
            , {field: 'params', title: '操作参数', width: 160,align: 'center'}
            , {field: 'operationDescribe', title: '操作描述', width: 160,align: 'center'}
            , {fixed: 'right', width: 115, align: 'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器
        ]]
    });
    table.on('tool(test)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if (layEvent === 'edit') { //编辑
            //do something
            layer.open({
                //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                type: 1,
                title: "查看操作信息",
                area: screen() < 2 ? ['80%', '60%'] : ['1080px', '420px'],
                content: $('#popUpdateTest'),//引用的弹出层的页面层的方式加载修改界面表单
                maxmin: true, //允许全屏最小化
                anim: 1, //0-6的动画形式，-1不开启
                success: function(layero,index){
                    //在回调方法中的第2个参数“index”表示的是当前弹窗的索引。
                    //通过layer.full方法将窗口放大。
                    layer.full(index);
                }
/*                cancel: function(index, layero){
                    if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭

                    }
                    return false;
                }*/
            });
            form.val("formTest", data);
            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        }
    });


});
//判断浏览器大小方法
function screen() {
    //获取当前窗口的宽度
    var width = $(window).width();
    if (width > 1200) {
        return 3;   //大屏幕
    } else if (width > 992) {
        return 2;   //中屏幕
    } else if (width > 768) {
        return 1;   //小屏幕
    } else {
        return 0;   //超小屏幕
    }
}
function searchUsers() {
    var table = layui.table;
    table.reload('demo', {
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url: URL+'LogC/getLogPage',
        where: {
            name: $("#userName").val(),
            user_minDate: $("#test1").val(),
            user_maxDate: $("#test2").val()
        } //设定异步数据接口的额外参数
        //,height: 300
    });
}